<template>
  <div class="wrapper">
    <el-tabs type="border-card" @tab-click="handleClick">
			<el-tab-pane label="发短信">
        <sendMessage ref="sendMessage"></sendMessage>
      </el-tab-pane>
			<el-tab-pane label="短信列表">
        <MessageList ref="messageList"></MessageList>
      </el-tab-pane>
			<el-tab-pane label="通讯录">
        <MailList ref="mailList"></MailList>
      </el-tab-pane>
		</el-tabs>
  </div>
</template>
<script>
  import sendMessage from './sendMessage';
  import MessageList from "./messageList";
  import MailList from "./mailList";
export default {
  components:{MailList, MessageList, sendMessage},
  data(){
    return{
      // mailList:[],
    }
	},
	mounted(){

	},
  methods:{
    handleClick(){
      // this.$refs.sendMessage.getDIVnumber();
      this.$refs.sendMessage.getAddressBookList();
      this.$refs.messageList.getSmsList();
      this.$refs.mailList.getAddressBookList();
    }
  }
}
</script>
<style lang='scss' scoped>

</style>
<style>
  .el-tabs__item{
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
  }
  .el-tabs{
    width: 100%;
  }
</style>
